<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>training</title>
<script src="js/header.js"></script>
</head>
<body>
	<div id="training" data-role="page" data-theme="c">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<h1 data-role="label">TRAINING</h1>
			<div class="ui-btn-right">
				<img class="add_button add_training_button" />
			</div>
		</div>
		<div data-role="content">
			<div>
				<div class="find_bar box_pack">
					<div class="box_flex1">
						<input type="text" class="find_training_text">
					</div>
					<div>
						<img class="find_button find_training_button" />
					</div>
				</div>
			</div>
			<div>
				<ul data-role="listview" class="training_list_content meter">
				</ul>
				<ul data-role="listview" class="my_template training_list_template">
					<li class="training_list my_list_one swipe">
						<a>
							<div class="title"></div>
							<div class="sub_title purple"></div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-tap-toggle="false">
			<div data-role="footer">
				<div data-role="navbar" data-iconpos="top" class="footer_nav" data-grid="c">
					<ul>
						<li>
							<a data-role="button" data-icon="custom" id="food_move_button">음식</a>
						</li>
						<li>
							<a class="active" data-role="button" data-icon="custom" id="training_move_button">운동</a>
						</li>
						<li>
							<a data-role="button" data-icon="custom" id="diary_move_button">다이어리</a>
						</li>
						<li>
							<a data-role="button" data-icon="custom" id="coach_move_button">코치</a>
						</li>
					</ul>
				</div>
				<!-- /navbar -->
			</div>
			<!-- /footer -->
		</div>
		<script src="js/training.js"></script>
	</div>
</body>
</html>